準備要建立一個 Angular 的開發環境了，那我到底需要哪些家私呢？以下就來介紹一下：

1. 一台電腦（被揍飛

建議安裝的工具

以下是建議安裝的工具，當然如果你有自己習慣的同類型的工具，也可視情況自己調整。這並不是一場宗教戰爭，沒有要戰瀏覽器而我使用的系統是 Win 10，至於 Mac 的差異，就不特別提及，不過以下的工具都是很通用的開發工具，理論上問題不大。

1. Google Chrome 瀏覽器

   • 這個已經是許多開發者很常提及、使用的瀏覽器了，我想就不用多做解釋了。
   • 補充一點：Angular 是由 Google 開發的，所以…你懂 der~

2. Git

   • 版本控制必裝的工具，開發必備。

3. Node.js

   • 因為內含 NPM，有許多必要的前端工具可透過 NPM 安裝。

4. Visual Studio Code

   • 由微軟開發，十分熱門的程式碼編輯器。
   • 另一個原因是，Angular 使用的 TypeScript 也是微軟開發的，讓開發過程變得更友善。

把以上的工具安裝好之後，我們就要來安裝 Angular CLI 了。

1. 首先打開 VS Code，開啟終端機畫面，然後輸入以下指令：

npm install -g @angular/cli

2. 等安裝完成，我們可以輸入以指令，就可以查看 Angular CLI 的版本。

ng --version

為了讓開發更有效率，也推薦大家打開 VS Code 的延伸模組，搜尋 Angular Extension Pack，這也是由Will 保哥 寫的擴充套件，裡面已經整合了使用 Angular 開發會經常使用到的擴充套件了。

至此，我們已經安裝好，開發 Angular 所需的工具了！

參考來源：

• Angular 開發實戰：從零開始